/* 
    Created on : 29 janv. 2015, 13:15:02
    Author     : christophe.guibert
*/
html{height:100%;}
body{height:100%;font-family:"Open Sans", sans-serif;font-weight:400;background:#9999FF;font-size:14px;padding:0;margin:0;}

.clear {clear: both;}

.header{ display: block; height:100px; background:#6666CC; padding:0px; position: relative; /*margin-bottom: 15px;*/}
.imageHeader { position: absolute; top: 10px; left: 10px; }
.imageHeader img { height: 70px; }
.texteHeader {  
    position: absolute;  
    right: 15px;
    top: 35px;
    color: #CCCCFF;
    font-weight: bold;
    font-size: 20px;   
    border-bottom: 2px solid #1B3280;
    padding-bottom: 5px;
}
.texteHeader hr { color: #1B3280 }

.section{ display: block;}
.titleSection{ display: block; color:#990000;font-weight: bold;text-decoration: underline; -moz-text-decoration-color:#990000 ; text-decoration-color: #990000 ; padding-bottom: 20px;padding-top: 20px}
.champFormulaire {display: block; padding-bottom: 10px;width:100%; }
.champFormulaire span{float: left;width: 100px; }
.connecter { display: block;  height: auto; width:330px; background:#CCCCFF; padding : 10px 10px 10px 10px; margin: 30px auto 0 auto; }
.connecter input[type=button],
.connecter input[type=submit]{ margin-top: 25px;margin-left: 40%}
.errorConnexion { padding-top: 10px; }
.errorConnexion span{ color: red;}


/** bandeau deconnexion **/
.divBandeauDeconnexion{ height: 40px; background:#D6D6C2;}
.texteDeconnexionGauche { margin-left: 5%; font-weight: bold; }
.texteDeconnexionDroite {margin-left: 75%; color: #000000;}
.texteDeconnexionDroite a { color: #000000;}


/** footer **/
.pasInscrit {display: block;margin: 20px auto; width: 300px; text-align: center;text-decoration: underline;}
.mentionLegale{display: block;font-weight: bold;margin: 30px auto; width: 300px; text-align: center;}


/** accueil **/
.choixAction span{display: block;padding-bottom: 10px }

/** choixFormation **/
.choixFormation {display: block;  height: 200px; width:400px; background:#CCCCFF; padding : 10px 10px 10px 10px; margin: 30px auto 0 auto; }
.listeFormation { padding-top: 50px;padding-left: 10px;}
.listeFormation span{ padding-top: 50px;padding-left: 10px; text-decoration: underline;}
#btnSubmitchoixForm { margin-top: 20px; margin-left: 40%} 


/** evaluer **/
.evaluation {display: block;  height: auto; width:950px; background:#CCCCFF; padding : 10px 10px 20px 10px; margin: 30px auto 0 auto;}
.evaluationListeTitre span { color : #990000; font-weight: bold;margin-left: 25%}
.evaluationListeEtape {  padding-top:  30px;}
.evaluationListeEtape span { margin-left: 25%; font-weight: bold; border-bottom: 2px solid #1B3280 ;}
.evaluationQuestion {  padding-top:  30px;overflow-x: hidden; overflow-y: scroll; word-wrap:break-word;height:160px}
.evaluationQuestion span {display: block; padding-left: 100px; padding-bottom: 10px}
.evaluationQuestion label { display:inline-block; width:500px; }
.errorlisteFormation {  margin-left: 20%;padding-top: 20px; display : none }
.errorlisteFormation span{ color: red;}
.validationEvaluation {  position: relative; margin-left: auto;  margin-right: auto;  text-align: center; padding-top: 100px;}
.validationEvaluation span { color: red; font-weight: bold;}
#btnSubmitValideReponse1 {  margin-left: 40%; }
.errorValiderReponse1 {display: none ;margin-left:30%;}
.errorValiderReponse1 span {color: red}

/** administration **/
.administration {display: block;  height: auto; width:950px; background:#CCCCFF; padding : 10px 10px 10px 10px; margin: 30px auto 0 auto; }
.administration2 {display: block;  height: 600px; width:500px; background:#CCCCFF; padding : 10px 10px 10px 10px; margin: 30px auto 0 auto; }
#validerAdminInscrit2, #supprimerAdminInscrit2 { display: inline-block; margin-top: 20px;margin-left: 20%; width : 80px; }
#validerInscritAttente { display: inline-block;margin-left: 32% ; width : 140px  ; margin-top: 25px}
.administrationInscritTitre span { color : #990000; font-weight: bold;margin-left: 30%}
.administrationInscritChoix  { padding-top: 15px ;margin-left: 25%}
.administrationModuleTitre span { color : #990000; font-weight: bold;margin-left: 30%}
.administrationModuleChoix  { padding-top: 15px ;margin-left: 5%;margin-right:  5%}
.administrationModuleChoix span { padding-right: 15px }
.administrationModuleTitre span { color : #990000; font-weight: bold;margin-left: 20%}
#ValiderChoixModule { margin-top: 20px; margin-left: 40%} 
.champFormulaireAdministrationInscrit span {display: inline-block; padding-left: 10px; padding-bottom: 10px}
.champFormulaireAdministrationInscrit label { display:inline-block; width:80px; }
.addQestion  {display: inline-block; margin-left: 5% ; width: 400px; vertical-align: top; }
.addQestion label {display: inline-block ;width:150px; padding-bottom : 10px}
.addQestion input[type=button] { margin-left: 40%}
.chooseQestion  {display: inline-block; margin-left: 0 ; width: 460px; vertical-align:top}
.allquestion {padding-top: 20px}
.errorValiderChoixModule { padding-top: 10px; display:none}
.errorValiderChoixModule span{ color: red; }
.validEnsignantModule label {display: inline-block ;width:160px; padding-bottom : 10px}

/* stats eleve */

.statsQuestion {  padding-top: 30px; height:auto; }


/*MAJ CLD 06/02/2015 - Page inscription*/
.inscription{
display: inline-block;

width:300px;
background:#CCCCFF;
padding : 10px 10px 10px 10px;
margin-left: 40%;
margin-top:30px
}
.inscription input[type=button]{
margin-top: 40px;
margin-left: 40%
}
.checkbox{
margin-left:90px;
}
.inscription select{
margin-top: 1px;
margin-left:70px;
 width:200px;
}

.errorInscription {  margin-left: 5%;padding-top: 2px; display : none }
.errorInscription span{ color: red;}
/*Fin MAJ CLD 06/02/2015 - Page inscription*/

/*MAJ CLD 20/02/2015 - Page profil_eleve*/

.profileleve{
display: inline-block;
width:400px;
background:#CCCCFF;
padding : 10px 10px 10px 10px;
margin-left: 40%;
margin-top:30px
}

.profileleve input[type=submit]{
margin-top: 40px;
margin-left: 40%
}

.profileleve input{
text-align: left;
}

.profileleve option{
text-align: center;
}

.profileleve select{
margin-top: 1px;
margin-left:70px;
 width:200px;
}

.profileleve a{
text-align : center;
margin-left: 30px
}

.validationProfil {display: block;  height: 200px; width:400px; background:#CCCCFF; padding : 10px 10px 10px 10px; margin: 30px auto 0 auto; }

/*Fin MAJ CLD 22/02/2015 - Page profil_eleve*/


/*MAJ CLD 20/02/2015 - Page validation inscription*/
.validationinscription{
display: inline-block;
height: 150px;
width:300px;
background:#CCCCFF;
padding : 10px 10px 10px 10px;
margin-left: 40%;
margin-top:30px;
border-size : 5px;
border-color : black;
}

.validationinscription p{
text-align: center;
}

.validationinscription a{
text-align: center;
margin-left: 80px;
text-color : black;
}

.validationinscription {
border: 1px black solid;
}
/*Fin MAJ CLD 22/02/2015 - Page validation inscription*/

/*MAJ CLD 23/02/2015 - Page selection module*/
.selectionmodule{
display: inline-block;
height: 150px;
width:400px;
background:#CCCCFF;
padding : 10px 10px 10px 10px;
margin-left: 40%;
margin-top:30px
}

.selectionmodule input[type=button]{
margin-top: 40px;
margin-left: 40%;
}

.selectionmodule select{
    width:300px;
    margin-left: 15%;
 
}
/*Fin MAJ CLD 23/02/2015 - Page selection module*/

/*MAJ CLD 25/03/2015 - Page profil_enseignant*/

.profilenseignant{
display: block;
width:500px;
background:#CCCCFF;
padding : 10px 10px 10px 10px;
margin: 30px auto 0 auto;
}

.profilenseignant input[type=submit]{
margin-top: 40px;
margin-left: 40%
}

.profilenseignant input{
text-align: left;
}

.profilenseignant option{
text-align: center;
}

.profilenseignant select{
margin-top: 1px;
margin-left:70px;
 width:200px;
}

/*MAJ CLD 25/03/2015 - Page profil_enseignant*/

/*MAJ CLD 11/04/2015 - Page mentionslegales*/

.textemention { 
    display: block;  
    height: auto; 
    width:500px; 
    background:#CCCCFF; 
    padding : 10px; 
    margin: 30px auto 0 auto; }

/*MAJ CLD 11/04/2015 - Page mentionslegales*/

/*MAJ CLD 07/04/2015 - Page modifmdp*/

.Modifmdp{
//display: inline-block;
display: inline-block;
width:400px;
background:#CCCCFF;
padding : 10px 10px 10px 10px;
margin-left: 40%;
margin-top:30px
}

.Modifmdp input{
text-align: left;
width : 110px;
}

.Modifmdp input[type=submit]{
text-align: center; 
margin-left:115px;
}

/*MAJ CLD 07/04/2015 - Page modifmdp*/

/*MAJ CLD 12/04/2015 - Page Bandeau Jaune*/

.bandeaujaune{ 
    display: block;
    height:30px;
    background:rgb(245,231,129); 
    position: relative; 
	font-weight: bold;
    line-height: 30px;
}

.bandeaujaune .nomUtilisateur {
	padding-left: 10px;
}
.bandeaujaune .btDeco {
    float: right;
	padding-right: 20px;
}

/*MAJ CLD 12/04/2015 - Page Bandeau Jaune*/

/* test */